<small>{{$stateParams.typeName}} </small>
<div class="col-lg-12">
    <div class="left-head">
        <!-- 文件功能 -->
        <div class="btn-group btn-group-sm kod_path_tool">
          <div class="logo">
            <img src="http://7xi6l3.com1.z0.glb.clouddn.com/logo2.png">
          </div>
          <div class="input-group search-btn datasearch">
             <input type="text" placeholder="输入资源名前缀匹配" class="form-control input-sm seaript">
             <span class="input-group-btn">
                <button type="submit" class="btn btn-default btn-sm searbtn"><i class="fa fa-search"></i>
                </button>
             </span>
          </div>
          <div class="searight" ng-controller="SeniorController">
            <button type="button" class="btn btn-primary btn-lg" ng-click="openSenior()">高级搜索</button>
          </div>
        </div>
    </div>
    <div class="tb-nav">
      <div class="nav" ng-controller="TabController">
        <ul class="nav-hd">
          <li ng-repeat="tab in tabs">
            <a ui-sref="app-h.datatable({typeName: tab.eh})" id="{{tab.eh}}" name="studies">{{tab.ch}}（{{tab.eh}}）</a>
          </li>
        </ul>
      </div>
    </div>
    <div ng-controller="ProjectDataController">
      <div id="listsrp-nav">
        <div class="m-nav g-clearfix">
          <div class="crumb g-clearfix">
            <span class="cat-text">所有分类</span>
            <a class="fa fa-angle-right icon-btn-vbarrow" ng-show="listtag">
            <a class="pro" title="{{inputdata.keyword}}" href="#" ng-show="listtag">{{inputdata.keyword}}
            </a>
          </div>
          <div class="sl-selector">
            <div class="s-brand" ng-controller="DatatableController">
              <div class="sl-wrap">
                <div class="sl-key">
                  <strong>组织机构：</strong>
                </div>
                <div class="sl-value">
                  <div class="sl-v-list" ng-show="nororga">
                    <!-- START list group item-->
                    <ul class="J_valueList v-fixed">
                      <li ng-repeat="orga in organisms | limitTo: 10">
                        <a class="item" title="{{orga.Name}}" ng-click="typesearch(orga.Name)">
                          <span class="text">{{orga.Name}}</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div ng-show="!mulorga">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="orga in organisms">
                          <a class="item" title="{{orga.Name}}" ng-click="typesearch(orga.Name)">
                            <span class="text">{{orga.Name}}</span>
                          </a>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                  </div>
                  <div ng-show="sectorga">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="orga in organisms">
                          <div class="checkbox c-checkbox">
                             <label>
                                <input type="checkbox" id="{{orga.Name}}" name="{{orga.Name}}" ng-checked="isSelected(orga.Name)" data-_id="{{orga.Name}}" ng-click="orgSelection($event)">
                                <span class="fa fa-check"></span>{{orga.Name}}</label>
                          </div>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                    <div class="sl-btns">
                      <a class="btn btn-primary" href="">确定</a>
                      <a class="btn btn-default" href="">取消</a>
                    </div>
                  </div>
                </div>
                <div class="sl-ext">
                  <a class="show-more sl-e-more" ng-click="showorg()">更多</a>
                  <a class="show-less sl-e-more" ng-show="hideorga">收起</a>
                  <a class="sl-e-multiple" href="" ng-show="moreorga">+多选<i></i></a>
                </div>
              </div>
              <div class="sl-wrap">
                <div class="sl-key">
                  <strong>类型：</strong>
                </div>
                <div class="sl-value">
                  <div class="sl-v-list" ng-show="!nor_type">
                    <!-- START list group item-->
                    <ul class="J_valueList v-fixed">
                      <li ng-repeat="type in types | limitTo: 10">
                        <a class="item" title="{{type.Name}}" ng-click="typesearch(type.Name)">
                          <span class="text">{{type.Name}}</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div ng-show="nor_type">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="type in types">
                          <a class="item" title="{{type.Name}}" ng-click="typesearch(type.Name)">
                            <span class="text">{{type.Name}}</span>
                          </a>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                  </div>
                  <div ng-show="!nor_orga">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="type in types">
                          <div class="checkbox c-checkbox">
                             <label>
                                <input type="checkbox" id="{{type.Name}}" name="{{type.Name}}" ng-checked="isSelected(type.Name)" data-_id="{{type.Name}}" ng-click="typeSelection($event)">
                                <span class="fa fa-check"></span>{{type.Name}}</label>
                          </div>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                    <div class="sl-btns">
                      <a class="btn btn-primary" href="">确定</a>
                      <a class="btn btn-default" href="">取消</a>
                    </div>
                  </div>
                </div>
                <div class="sl-ext">
                  <a class="show-more sl-e-more" ng-show="showtype">更多<em class="icon-btn-arrow-down-2 fa fa-angle-down"></em></a>
                  <a class="show-less sl-e-more" ng-show="hidetype">收起<em class="icon-btn-arrow-up-2 fa fa-angle-up"></em></a>
                  <a class="sl-e-multiple" href="" ng-show="moretype">+多选<i></i></a>
                </div>
              </div>
              <div class="sl-wrap">
                <div class="sl-key">
                  <strong>作者：</strong>
                </div>
                <div class="sl-value">
                  <div class="sl-v-list" ng-show="nor_user">
                    <!-- START list group item-->
                    <ul class="J_valueList v-fixed">
                      <li ng-repeat="user in users | limitTo: 10">
                        <a class="item" title="{{user.Name}}" ng-click="typesearch(user.Email)">
                          <span class="text">{{user.Email}}</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div ng-show="nor_user">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="user in users">
                          <a class="item" title="{{user.Name}}" ng-click="typesearch(user.Email)">
                            <span class="text">{{user.Email}}</span>
                          </a>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                  </div>
                  <div ng-show="!nor_orga">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="user in users">
                          <div class="checkbox c-checkbox">
                             <label>
                                <input type="checkbox" id="{{user.Email}}" name="{{user.Email}}" ng-checked="isSelected(user.Email)" data-_id="{{user.Email}}" ng-click="userSelection($event)">
                                <span class="fa fa-check"></span>{{user.Email}}</label>
                          </div>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                    <div class="sl-btns">
                      <a class="btn btn-primary" href="">确定</a>
                      <a class="btn btn-default" href="">取消</a>
                    </div>
                  </div>
                </div>
                <div class="sl-ext">
                  <a class="show-more sl-e-more" ng-show="showuser">更多<em class="icon-btn-arrow-down-2 fa fa-angle-down"></em></a>
                  <a class="show-less sl-e-more" ng-show="hideuser">收起<em class="icon-btn-arrow-up-2 fa fa-angle-up"></em></a>
                  <a class="sl-e-multiple" href="" ng-show="moreuser">+多选<i></i></a>
                </div>
              </div>
              <div class="sl-wrap">
                <div class="sl-key">
                  <strong>仪器：</strong>
                </div>
                <div class="sl-value">
                  <div class="sl-v-list" ng-show="!nor_inst">
                    <!-- START list group item-->
                    <ul class="J_valueList v-fixed">
                      <li ng-repeat="instrument in instruments | limitTo: 10">
                        <a class="item" title="{{instrument.Name}}" ng-click="typesearch(instrument.Name)">
                          <span class="text">{{instrument.Name}}</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div ng-show="nor_inst">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="instrument in instruments">
                          <a class="item" title="{{instrument.Name}}" ng-click="typesearch(instrument.Name)">
                            <span class="text">{{instrument.Name}}</span>
                          </a>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                  </div>
                  <div ng-show="!nor_orga">
                    <scrollable height="180" class="list-group orglist sl-v-list">
                      <ul class="J_valueList v-fixed">
                        <li ng-repeat="instrument in instruments">
                          <div class="checkbox c-checkbox">
                             <label>
                                <input type="checkbox" id="{{instrument.Name}}" name="{{instrument.Name}}" ng-checked="isSelected(instrument.Name)" data-_id="{{instrument.Name}}" ng-click="instSelection($event)">
                                <span class="fa fa-check"></span>{{instrument.Name}}</label>
                          </div>
                        </li>
                      </ul>
                      <!-- END list group item-->
                    </scrollable>
                    <div class="sl-btns">
                      <a class="btn btn-primary" href="">确定</a>
                      <a class="btn btn-default" href="">取消</a>
                    </div>
                  </div>
                </div>
                <div class="sl-ext">
                  <a class="show-more sl-e-more" ng-show="showinst">更多<em class="icon-btn-arrow-down-2 fa fa-angle-down"></em></a>
                  <a class="show-less sl-e-more" ng-show="hideinst">收起<em class="icon-btn-arrow-up-2 fa fa-angle-up"></em></a>
                  <a class="sl-e-multiple" href="" ng-show="moreinst">+多选<i></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="listsrp-sortbar">
        <div class="m-sortbar">
          <div class="sort-row">
            <div class="sort-inner">
              <ul class="sorts">
                <li class="sort">
                  <a class="link active first" title="综合排序" href="#">综合排序</a>
                </li>
                <li class="sort has-droplist">
                  <a class="link" title="价格从低到高" href="#">价格</a>
                </li>
                <li class="sort has-droplist">
                  <a href="#" class="link active icon-hover" ng-show="datadown">
                      <span class="fa fa-download">下载</span>
                    </a>
                </li>
              </ul>
              <div class="styles">
                <ul class="items">
                  <li class="item">
                    <a href="#" class="link">
                      <span class="icon icon-grid"></span>
                    </a>
                  </li>
                  <li class="item">
                    <a href="#" class="link active icon-hover">
                      <span class="icon icon-list"></span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- ngRepeat + ngResource-->
      <div id="panelDemo13">
        <!-- Editable row-->
        <table class="table table-bordered table-hover bg-white" datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs">
          <thead>
           <tr style="font-weight: bold">
              <th style="width:5%">
                <div data-toggle="tooltip" class="checkbox c-checkbox">
                   <label>
                      <input type="checkbox" id="all" ng-click="allCheckOrNot($event)"/>
                      <span class="fa fa-check"></span>
                   </label>
                </div>
              </th>
              <th style="width:5%"></th>
              <th style="width:20%">名字</th>
              <th style="width:20%">类别</th>
              <th style="width:50%">下载</th>
           </tr>
          </thead>
          <tbody>
            <tr ng-repeat="card in projects" ng-mouseenter="show = true" ng-mouseleave="show = false" context-menu="onShow()" context-menu-close="onClose()" data-target="menu-{{ card.Title}}" class="m-itemlist">
              <td>
                  <div class="checkbox c-checkbox">
                   <label>
                      <input type="checkbox" id="{{card.Title}}" name="{{card.Title}}" ng-checked="isSelected(card.Title)" data-_id="{{card.Title}}" ng-click="updateSelection($event)">
                      <span class="fa fa-check"></span> 
                   </label>
                </div>
              </td>
              <td>
                <div class="pic-box">
                  <div class="pic-box-inner">
                    <div class="pic">
                      <a class="pic-link" href="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" target="_blank">
                          <img class="img" src="http://7xi6l3.com1.z0.glb.clouddn.com/slider1.jpg" alt="">
                      </a>

                    </div>
                  </div>
                </div>
              </td>
              <td>
                  <p class="title">
                    <a ui-sref="app-h.detail({typeName: $stateParams.typeName,projectName: card.Title})" id="{{card.Title}}">{{card.Title}}{{card.fields.Title}}</a>
                  </p>
                  <div class="misc">
                    <div class="shop">
                    <a class="shopname" href="" target="_blank">
                      <span>{{ card.Submitter }}{{card.fields.Submitter}}</span>
                    </a>
                    </div>
                    <div class="location">{{ card.Organisms }}{{card.fields.Organisms}}</div>
                  </div>
                  <!--右键出现的菜单区域-->
                <div class="dropdown position-fixed" id="menu-{{ card.Title}}">
                  <ul class="dropdown-menu" role="menu">
                    <li><a class="pointer" role="menuitem" tabindex="1" ui-sref="app-h.detail({projectName: card.Title})"><em class="icon-folder"></em>查看详情</a></li>
                    <li><a class="pointer" role="menuitem" tabindex="2"><em class="icon-cloud-download"></em>下载</a></li>
                  </ul>
                </div>
              </td>
              <td><!-- editable group (select-remote)-->
                <span>{{ card.Type }}{{card.fields.Type}}</span>
              </td>
              <td style="white-space: nowrap">
                <div ng-show="show">
                  <div ng-show="!rowform.$visible" class="">
                     <a ng-click="rowform.$show()" title="Edit" class="">
                       <em class="fa fa-download"></em>
                     </a>
                  </div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
</div>
<div class="searight" ng-controller="SeniorController">
  <script type="text/ng-template" id="/myModalSenior.html">
    <div class="modal-header hander" drag-handle>
      <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
      <h4 id="myModalLabel" class="modal-title">高级搜索</h4>
    </div>
    <div class="modal-body" ng-controller="DatatableController">
      <div class="form-group">
        <p class="m0">组织机构</p>
        <ui-select ng-model="organism.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择组织机构或者输入机构关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="organism in organisms | filter: $select.search">
            <span ng-bind-html="organism.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{organism.selected.name}}</div>
        <p class="m0">类型</p>
        <ui-select ng-model="type.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择类型或者输入类型关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="type in types | filter: $select.search">
            <span ng-bind-html="type.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{type.selected.name}}</div>
        <p class="m0">作者</p>
        <ui-select ng-model="submitter.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择作者或者输入作者关键字">{{$select.selected.Email}}</ui-select-match>
          <ui-select-choices repeat="submitter in users | filter: $select.search">
            <span ng-bind-html="submitter.Email | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{submitter.selected.name}}</div>
        <p class="m0">仪器</p>
        <ui-select ng-model="instrument.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择仪器或者输入仪器关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="instrument in instruments | filter: $select.search">
            <span ng-bind-html="instrument.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{instrument.selected.name}}</div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-search"></i>搜索</button>
    </div>
  </script>
</div>